<transition name="modal">
    <div class="modal-mask">
        <div class="modal-wrapper">
            <div class="modal-container">
                <div class="modal-header">
                    <slot name="header">
                        <h3>删除数据</h3>
                    </slot>
                    <a class="pop_closed" @click="$emit('close')">关闭</a>
                </div>
                <div class="modal-body">
                    <slot name="body">
                        <div class="modal-user-group">
                            <div class="inner">
                                <span class="msg_icon_wrapper"><i class="icon_msg warn "></i></span>
                                <div class="msg_content ">
                                    <h4>你确定要删除数据吗？</h4>
                                    <p>删除后，用户将看不到此数据展示信息</p>
                                </div>
                            </div>
                        </div>
                    </slot>
                </div>
                <div class="modal-footer">
                    <slot name="footer">
                        <a class="btn btn_primary js_btn" @click="$emit('delete')">确定</a>
                    </slot>
                    <a class="btn btn_default js_btn" @click="$emit('close')">取消</a>
                </div>
            </div>
        </div>
    </div>
</transition>
